<template>
  <div class="detail-page">
    <el-page-header :content="`订单详情 #${id}`" @back="$router.back()" />

    <el-card v-if="detail" class="mt-4">
      <template #header>基础信息</template>
      <p>订单号：{{ detail.orderBasic.orderNo }}</p>
      <p>下单时间：{{ detail.orderBasic.orderTime }}</p>
      <!-- …更多字段… -->
    </el-card>

    <el-empty v-else description="加载中…" />
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router'
import { onMounted, ref } from 'vue'
import { getOrderDetail } from '@/api/order'

const { id } = useRoute().params
const detail = ref(null)


</script>
